<template>
  <div id="container">
    <div id="sub-container">
      <a-row type="flex" align="top">
        <a-col :span="10" style="text-align:left">
          <div>
            <!--<img class="footer-logo" src="../../assets/tezign-logo-09-1.png" />-->
            <span class="footer-logo">光合创造logo</span>

            <div style="margin-top:20px;">
              <p class="title-list-size-12">邮箱：carrie@light-acorn.com</p>
              <p class="title-list-size-12">地址：上海市淮海中路1984号32弄</p>
            </div>

          </div>
        </a-col>
        <a-col :span="6" class="col-align-start">
          <p class="title">产品服务</p>
          <p class="title-list"><a href="#">创意供给平台</a></p>
          <p class="title-list"><a href="#">数据智能解决方案</a></p>

        </a-col>
        <a-col :span="4" class="col-align-start">
          <p class="title">想象力计划</p>
          <p class="title-list"><a href="#">2050</a></p>
          <p class="title-list"><a href="#">设计人工智能报告</a></p>
        </a-col>
        <a-col :span="4" class="col-align-start" style="text-align:right">
          <p class="title">特赞</p>
          <p class="title-list"><a href="#">关于我们</a></p>
          <p class="title-list"><a href="#">工作机会</a></p>
          <p class="title-list"><a href="#">媒体报道</a></p>
          <p class="title-list"><a href="#">条款</a></p>
        </a-col>

      </a-row>
      <a-divider orientation="left" style="background-color:#232323;height:1px"></a-divider>
      <div class="bottom-link">
        <span class="link-item"><a href="#">集光社微博</a></span>
        <span class="link-item"><a href="#">集光社公众号</a></span>
        <!--<span class="link-item"><a href="#">LinkedIn</a></span>-->
        <!--<span class="link-item"><a href="#">Facebook</a></span>-->

        <!--<span class="link-item-tail">@2019 特赞 沪ICP备 15021426号</span>-->
      </div>
    </div>

  </div>
</template>

<script>
export default {
  name: "FooterMore",
  data() {
    return {};
  }
};
</script>

<style scoped>
a {
  text-decoration: none;
  color: #bebebe;
}
a:hover {
  color: #fff;
}
#container {
  background-color: #000000;
  padding-top: 50px;
  padding-bottom: 50px;
}
#sub-container {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.footer-logo {
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #fff;
}

.bottom-link {
  text-align: start;
  color: #bebebe;
  font-size: 13px;
}
.link-item-tail {
  font-size: 12px;
  float: right;
}
.link-item {
  margin-right: 30px;
}

.col-align-start {
  text-align: start;
}
.title {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.title-list {
  color: #bebebe;
  font-size: 13px;
}
.title-list-size-12 {
  font-size: 12px;
  color: #bebebe;
}
</style>